//布局使用文件

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  @media (min-width: $xs) {
    .container {
      width:$xs;// 540px;
    }
  }
  @media (min-width: $sm) {
    .container {
      width:$sm;// 750px;
    }
  }
  @media (min-width: $md) {
    .container {
      width:$md;// 970px;
    }
  }
  @media (min-width: $lg) {
    .container { 
      width: $lg;//1170px;
    }
  }  
}
// @for $i from 1 through 10 {
//     .mt-#{$i*5} {
//         margin-top: $i*5px;
//     }
// }
// @media (min-width: 768px) and (max-width: 991px)


.relative {
  position: relative;
}

.absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.floatl {
  float: left;
}

.floatr {
  float: right;
}


/* 水平flex */

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -o-justify-content: space-around;
  -ms-justify-content: space-around;
}

.flex.wrap {
  flex-wrap: wrap;
}

.flex.column {
  flex-flow: column;
}

.flex.between {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
}

.flex.center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.flex.end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -o-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

.flex.start {
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -o-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

.flex.acenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  overflow: hidden;
  width: 0;
}

.flex0 {
  flex-shrink: 0;
}

.pointer {
  cursor: pointer;
}

// 文字


.tleft {
  text-align: left
}

.tright {
  text-align: right
}

.tcenter {
  text-align: center
}

// .tline1 {
//   overflow: hidden;
//   white-space: nowrap;
//   text-overflow: ellipsis;
// }

// .tline2 {
//   text-overflow: -o-ellipsis-lastline;
//   overflow: hidden;
//   text-align: left;
//   text-overflow: ellipsis;
//   display: -webkit-box;
//   -webkit-line-clamp: 2;
//   line-clamp: 2;
//   -webkit-box-orient: vertical;
// }

// .tline3 {
//   text-overflow: -o-ellipsis-lastline !important;
//   overflow: hidden !important;
//   text-align: left !important;
//   text-overflow: ellipsis !important;
//   display: -webkit-box !important;
//   -webkit-line-clamp: 3 !important;
//   line-clamp: 3 !important;
//   -webkit-box-orient: vertical !important;
// }

.tnowrap {
  white-space: nowrap
}

// .fbold {
//   font-weight: bold;
// }

// .fcolor1 {
//   color: var(--color1);
// }

// .bcolor1 {
//   background-color: var(--color1);
// }

// .fcolor2 {
//   color: var(--color2);
// }

// .bcolor2 {
//   background-color: var(--color2);
// }

// .fcolor3 {
//   color: var(--color3);
// }

// .bcolor3 {
//   background-color: var(--color3);
// }

// .padl {
//   padding-left: var(--padding-defaut);
// }

// .padr {
//   padding-right: var(--padding-defaut);
// }

// .padt {
//   padding-top: var(--padding-defaut);
// }

// .padb {
//   padding-bottom: var(--padding-defaut);
// }

// .padlr {
//   padding-left: var(--padding-defaut);
//   padding-right: var(--padding-defaut);
// }

// .padtb {
//   padding-top: var(--padding-defaut);
//   padding-bottom: var(--padding-defaut);
// }

// .magl {
//   margin-left: var(--margin-defaut);
// }

// .magr {
//   margin-right: var(--margin-defaut);
// }

// .magt {
//   margin-top: var(--margin-defaut);
// }

// .magb {
//   margin-bottom: var(--margin-defaut);
// }

// .maglr {
//   margin-left: var(--margin-defaut);
//   margin-right: var(--margin-defaut);
// }

// .magtb {
//   margin-top: var(--margin-defaut);
//   margin-bottom: var(--margin-defaut);
// }